import SubTitle from '@/pages/OrderModule/common/components/SubTitle';
import Typography from '@/pages/OrderModule/common/components/Typography';
import { Radio, Space } from 'antd';

/**
 * 订单范围 单选框
 * @param {object} props
 * @param {object} props.wrapStyle 外层样式
 */
function OrderAreaRadioGroup(props) {
  const { wrapStyle = {}, ...args } = props || {};
  return (
    <div style={wrapStyle}>
      <SubTitle symbol as="s2" title="订单范围" wrapStyle={{ marginBottom: 16 }} />
      <Radio.Group {...args} defaultValue='a'>
        <Space direction="vertical">
          <Radio value="a">订单列表勾选的订单</Radio>
          <Radio value="b">
            <div>
              所有符合条件的订单<Typography color="#666">（加入搜索条件过滤后）</Typography>
              <Typography color="#F03D29">您还未搜索订单</Typography>
            </div>
            <Typography color="#999">仅限待审核、异常状态的自发订单</Typography>
          </Radio>
        </Space>
      </Radio.Group>
    </div>
  );
}
export default OrderAreaRadioGroup;
